// 引入SDK核心类
var QQMapWX = require('../../static/sdk/qqmap-wx-jssdk.js');
 
// 实例化API核心类
var qqmapsdk = new QQMapWX({
    key: 'W4IBZ-ENZCQ-NXG5O-GNM35-ZGOMF-GTFWE' // 必填
});

 
// //在Page({})中使用下列代码
// //数据回填方法
// Page({
//   data:{
//     id:'',
//     keyword:'',
//     title:'',
//     addr: '',
//     city: '',
//     district:'',
//     latitude: '',
//     longitude: '',
//     suggestion:[],
//     backfill:'',
//     myLatitude: 0.0,
//     myLongitude: 0.0,
//   },
//   onLoad(options){
//   },
//   backfill: function (e) {
//     var id = e.currentTarget.id;
//     for (var i = 0; i < this.data.suggestion.length;i++){
//       if(i == id){
//         this.setData({
//           backfill: this.data.suggestion[i].title
//         });
//       }  
//     }
//   },
 
// //触发关键词输入提示事件
// getsuggest: function(e) {
//     var _this = this;
//     //调用关键词提示接口
//     qqmapsdk.getSuggestion({
//       //获取输入框值并设置keyword参数
//       keyword: e.detail.value, //用户输入的关键词，可设置固定值,如keyword:'KFC'
//       //region:'北京', //设置城市名，限制关键词所示的地域范围，非必填参数
//       success: function(res) {//搜索成功后的回调
//         console.log(res);
//         var sug = [];
//         for (var i = 0; i < res.data.length; i++) {
//           sug.push({ // 获取返回结果，放到sug数组中
//             title: res.data[i].title,
//             id: res.data[i].id,
//             addr: res.data[i].address,
//             city: res.data[i].city,
//             district: res.data[i].district,
//             latitude: res.data[i].location.lat,
//             longitude: res.data[i].location.lng
//           });
//         }
//         _this.setData({ //设置suggestion属性，将关键词搜索结果以列表形式展示
//           suggestion: sug
//         });
//       },
//       fail: function(error) {
//         console.error(error);
//       },
//       complete: function(res) {
//         console.log(res);
//       }
//     });
// }
// })



Page({

  /**
   * 页面的初始数据
   */
  data: {
    myLatitude: 0.0,
    myLongitude: 0.0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    let page = this

    /**
     * 调用内部获取位置，默认为wsg84,精确为gcj02
     */
    wx.getLocation({
      type: 'gcj02',
      success: function(res) {
        console.log(res.latitude, res.longitude);
        page.setData({
          myLatitude: res.latitude,
          myLongitude: res.longitude
        });
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {
    this.getLngLat()
  },


  /**
   * 获取中间点的经纬度，并mark出来
   */
  getLngLat() {
    let page = this;
    page.mapCtx = wx.createMapContext("map");
    page.mapCtx.getCenterLocation({
      success: function(res) {
        page.setData({
          markers: [{
            id: 0,
            iconPath: "../../static/images/weizhi.png",
            longitude: res.longitude,
            latitude: res.latitude,
            width: 30,
            height: 30
          }]
        })
        page.getPoiList(res.longitude, res.latitude)
      }
    })
  },

  /**
   * 视野发生变化时触发：见页面bindregionchange事件
   */
  regionchange(e) {
    e.type == 'end' ? this.getLngLat() : this.getLngLat()
  },


  /**
   * 详情见官方API配置:http://lbs.qq.com/qqmap_wx_jssdk/method-reverseGeocoder.html
   */
  getPoiList(longitude, latitude) {
    let page = this
    qqmapsdk.reverseGeocoder({
      location: {
        latitude: latitude,
        longitude: longitude,
      },
      get_poi: 1,
      poi_options: 'policy=2;radius=3000;page_size=2;page_index=1',
      success: function(res) {
        /**
         * 详细数据从这儿拿....
         */
        page.setData({
          text: res.result.pois[0].title
        });
      },
      fail: function(res) {
        console.log(res);
      },
      complete: function(res) {

      }
    });
  }
})
